<template>
    <div>
        <Child>
            <!-- 具名插槽：使用v-slot去绑定 -->
            <!-- 底部 -->
            <!-- v-slot:的缩写是 # -->
            <template #foot>
                <q>phone:123456789</q>
            </template>
            <!-- 不被template包裹的被匿名插槽接收 -->
            <div><h1>我是主题</h1></div>
            <!-- 头部 -->
            <template v-slot:head>
                <nav>我是导航</nav>
                <i>Only for you!!</i>
                <b>{{child}}</b>
            </template>
        </Child>
    </div>
</template>
<script>
import Child from './Child';
export default {
    components:{Child},
    data(){
        return {
            child:'收到你可能',
        }
    }
}
</script>
<style>
q{
    color: cadetblue;
}
i{
    font-size: 18px;
}
</style>